import Vue from 'vue'
import App from './App'
// App 这个对象可以理解成 一个配置对象
// 当vue去渲染这个组件你的时候， 会把这个对象当作一个配置对象去执行渲染
// 根据配置里边定义的结构 脚本和样式 来渲染出真实的结构
//  new Swiper({qq:1,ww:234})
console.log(App)
Vue.directive('color', function (el, obj) {
  // 全局自定义指令
  console.log("color指令对应的函数执行了")
  console.log(el, obj)
  el.style.color = obj.value
})
Vue.directive('color2', {
  // bind
  // inserted
  // update
  // componentUpdated
  // unbind
})

Vue.directive('permission', {
  // 自定义一个按钮级别的权限指令
  inserted(el, obj) {
    if (obj.value[0] < obj.value[1]) {
      el.parentNode.removeChild(el)
    }
  }
})
let vm = new Vue({
  render(h) {
    return h(App)
  }
}).$mount('#app')